<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript">
	var adminDatagrid;
	var groupDatagrid;
	var editRowIndex = undefined;
	$(function() {
		adminDatagrid = $('#admin_userList_datagrid').datagrid({
			url : '${pageContext.request.contextPath}/userAction!queryUser.action',
			fit : true,
			fitColumns : true,
			border : false,
			pagination : true,
			idField : 'id',
			pageSize : 10,
			pageList : [ 10, 20 ],
			sortName : 'userName',
			sortOrder : 'asc',
			checkOnSelect : true,
			selectOnCheck : true,
			singleSelect : true,
			striped : true,
			columns : [ [ {
				field : 'id',
				title : '编号',
				width : 80,
				checkbox : true
			}, {
				field : 'userName',
				title : '用户编码',
				width : 80,
				align : 'left',
				sortable : true
			}, {
				field : 'realName',
				title : '真实姓名',
				width : 80,
				align : 'left',
				sortable : true
			}, {
				field : 'gender',
				title : '性别',
				width : 100,
				align : 'left',
				formatter:function(value,row,index){
					if(value==1){
						return "男";
					}else if(value==2){
						return "女";
					}else{
						return "未知";
					}
				}
			}, {
				field : 'mobile',
				title : '移动电话',
				width : 100,
				align : 'left'
			}, {
				field : 'roleCode',
				title : '角色',
				width : 100,
				align : 'left',
				formatter:function(value,row,index){
					if(value=='01'){
						return "系统管理员";
					}else if(value=='02'){
						return "班长";
					}else if(value=='03'){
						return "老师";
					}else if(value=='04'){
						return "学生";
					}else{
						return "未知";
					}
				}
			}, {
				field : 'lockFlag',
				title : '是否锁定',
				width : 100,
				align : 'left',
				formatter:function(value,row,index){
					if(value==0){
						return "否";
					}else if(value==1){
						return "是";
					}else{
						return "未知";
					}
				}
			}, {
				field : 'email',
				title : '电子邮件',
				width : 100,
				align : 'left'
			}, {
				field : 'phone',
				title : '固话',
				width : 100,
				align : 'left'
			} ] ],
			toolbar : [ {
				text : '查询',
				iconCls : 'icon-search',
				handler : function() {
					queryUser();
				}
			}, '-', {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					addUser();
				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					editUser();
				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					removeUser();
				}
			}, '-', {
				text : '锁定',
				iconCls : 'icon-lock',
				handler : function() {
					lockingUser();
				}
			}, '-', {
				text : '解锁',
				iconCls : 'icon-key',
				handler : function() {
					activatingUser();
				}
			}, '-', {
				text : '密码重置',
				iconCls : 'icon-reset',
				handler : function() {
					resetPasswordUser();
				}
			} ]
		});
		
		$('.datagrid-header div').css({
			'textAlign' : 'center'
		});

		function queryUser() {
			$('#admin_userList_queryForm input').val('');
			$('#admin_userList_queryDialog').dialog('open');
		}

		function addUser() {
			$('#admin_userAdd_addUserForm input').val('');
			var dlg = $('<div style="padding:20px 20px;" />').dialog({
				width : 550,
				height : 280,
				href : '${pageContext.request.contextPath}/pages/admin/userManagerAdd.jsp',
				modal : true,
				title : '用户新增',
				buttons : [ {
					text : '保存',
					iconCls : 'icon-add',
					handler : function() {
						$('#admin_userAdd_addUserForm').form('submit', {
							url : '${pageContext.request.contextPath}/userAction!addUser.action',
							success : function(r) {
								var obj = jQuery.parseJSON(r);
								if (obj.success) {
									adminDatagrid.datagrid('insertRow', {
										index : 0,
										row : obj.obj
									});
									dlg.dialog('close');
								}
								$.messager.show({
									title : '提示',
									msg : obj.msg
								});
							}
						});
					}
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#admin_userAdd_addUserForm input').val('');
						dlg.dialog('close');
					}
				} ],
				onClose : function() {
					$(this).dialog('destroy');
				},
				onLoad : function() {
					$('#admin_userAdd_roleCombobox').combobox('reload', '${pageContext.request.contextPath}/codeAction!queryCodeList.action?ctype=00');
				}
			});
		}

		function editUser() {
			var rows = adminDatagrid.datagrid('getChecked');
			if (rows.length == 1) {
				var dlg = $('<div style="padding:10px;" />').dialog({
					width : 600,
					height : 400,
					href : '${pageContext.request.contextPath}/pages/admin/userManagerEdit.jsp',
					modal : true,
					title : '用户编辑',
					buttons : [ {
						text : '保存',
						handler : function() {
							$('#admin_userEdit_editUserManagerForms').form('submit', {
								url : '${pageContext.request.contextPath}/userAction!editUser.action',
								success : function(r) {
									var obj = jQuery.parseJSON(r);
									if (obj.success) {
										dlg.dialog('close');
										adminDatagrid.datagrid('updateRow', {
											index : adminDatagrid.datagrid('getRowIndex', rows[0].id),
											row : obj.obj
										});
									}
									$.messager.show({
										title : '提示',
										msg : obj.msg
									});
								},
								onSubmit : function(r) {
									$('#admin_userEdit_editUserManagerForms input[name=id]').val(rows[0].id);
								}
							});
						}
					},{
						text : '取消',
						handler : function() {
							dlg.dialog('close');
						}
					} ],
					onClose : function() {
						$(this).dialog('destroy');
					},
					onLoad : function() {
						$('#admin_userEdit_editUserManagerForms').form('load', rows[0]);
						$('#admin_userEdit_editroleCombobox').combobox('reload', '${pageContext.request.contextPath}/codeAction!queryCodeList.action?ctype=00');
						$('#admin_userEdit_editroleCombobox').combobox('select', rows[0].roleCode);
					}
				});
			} else {
				$.messager.alert('提示', '一次只能修改一条数据！');
			}
		}

		function removeUser() {
			var rows = adminDatagrid.datagrid('getChecked');
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm('确认', '确定要删除选择的数据吗？', function(r) {
					if (r) {
						for ( var i = 0; i < rows.length; i++) {
							ids.push(rows[i].id);
						}
						$.ajax({
							url : '${pageContext.request.contextPath}/userAction!removeUser.action',
							data : {
								ids : ids.join(',')
							},
							dataType : 'json',
							success : function(r) {
								adminDatagrid.datagrid('load');
								adminDatagrid.datagrid('unselectAll');
								$.messager.show({
									title : '提示',
									msg : r.msg
								});
							}
						});
					}
				});
			} else {
				$.messager.alert('提示', '请选择要删除的记录！');
			}
		}
		
		function lockingUser() {
			var rows = adminDatagrid.datagrid('getChecked');
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm('确认', '确认要锁定此账号吗？', function(r) {
					if (r) {
						for ( var i = 0; i < rows.length; i++) {
							ids.push(rows[i].id);
						}
						$.ajax({
							url : '${pageContext.request.contextPath}/userAction!lockingUser.action',
							data : {
								ids : ids.join(',')
							},
							dataType : 'json',
							success : function(r) {
								adminDatagrid.datagrid('load');
								adminDatagrid.datagrid('unselectAll');
								$.messager.show({
									title : '提示',
									msg : r.msg
								});
							}
						});
					}
				});
			} else {
				$.messager.alert('提示', '请选择要锁定的记录！');
			}
		}
		
		
		function activatingUser() {
			var rows = adminDatagrid.datagrid('getChecked');
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm('确认', '确认要激活此账号吗？', function(r) {
					if (r) {
						for ( var i = 0; i < rows.length; i++) {
							ids.push(rows[i].id);
						}
						$.ajax({
							url : '${pageContext.request.contextPath}/userAction!activatingUser.action',
							data : {
								ids : ids.join(',')
							},
							dataType : 'json',
							success : function(r) {
								adminDatagrid.datagrid('load');
								adminDatagrid.datagrid('unselectAll');
								$.messager.show({
									title : '提示',
									msg : r.msg
								});
							}
						});
					}
				});
			} else {
				$.messager.alert('提示', '请选择要激活的记录！');
			}
		}
		
		/**
		  * 密码重置
		  */
		function resetPasswordUser() {
			var rows = adminDatagrid.datagrid('getChecked');
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm('确认', '确认要重置此账号的密码吗？', function(r) {
					if (r) {
						for ( var i = 0; i < rows.length; i++) {
							ids.push(rows[i].id);
						}
						$.ajax({
							url : '${pageContext.request.contextPath}/userAction!resetPasswordUser.action',
							data : {
								ids : ids.join(',')
							},
							dataType : 'json',
							success : function(r) {
								adminDatagrid.datagrid('load');
								adminDatagrid.datagrid('unselectAll');
								$.messager.show({
									title : '提示',
									msg : r.msg
								});
							}
						});
					}
				});
			} else {
				$.messager.alert('提示', '请选择要重置密码的记录！');
			}
		}
	});
</script>
<div id="admin_userList_layout" class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<table id="admin_userList_datagrid"></table>
	</div>
</div>
<div id="admin_userList_queryDialog" class="easyui-dialog" data-options="title:'用户查询',closed:true,modal:true,
			buttons:[{
				text : '查询',
				iconCls:'icon-search',
				handler : function(){
					$('#admin_userList_datagrid').datagrid('load', serializeObject($('admin_userList_queryForm')));
				    $('#admin_userList_queryDialog').dialog('close');
				}
			},{
				text : '清空',
				iconCls:'icon-cancel',
				handler : function(){
					$('admin_userList_queryForm input').val('');
				}
			}]" style="width:520px;height:170px;padding:20px 20px;" align="center">
	<form id="admin_userList_queryForm" method="post">
		<table>
			<tr>
				<td style="text-align: right;">姓名：</td>
				<td><input name="name" /></td>
				<td style="text-align: right;">手机：</td>
				<td><input name="mobile" /></td>
			</tr>
			<tr>
				<td style="text-align: right;">&nbsp;&nbsp;Email：</td>
				<td><input name="email" /></td>
				<td style="text-align: right;">&nbsp;</td>
				<td>&nbsp;&nbsp;</td>
			</tr>
		</table>
	</form>
</div>